<!-- 
订单详情
废弃理由：
修改评价功能具体需求查看备注文件202411.png
1、增加关联订单
 -->
<template>
	<div class="contact" id="orderxq">
		<!-- <div class="rblock"> -->
		<!-- <div class="ointrtitle">订单详情</div> -->
		<div class="nonephoto flex" v-if="!orderitem.id">
			<img class="nonephotoimg marginAuto" src="@/assets/logoh.png" alt="" />
		</div>
		<div class="ointrt" v-if="orderitem.id">
			<div class="ointrtnameEv flex">
				<div class="ointrname ellipsis01">{{ orderdatamsg.order_name }}</div>
				<div class="ointrevstatus" v-if="orderdatamsg.order_status == 2 && orderdatamsg.is_evaluate == 1">已评价
				</div>
				<div class="ointrevstatus ointrevstatusend curpoin" @click="evalis=true;"
					v-if="roleId == 5 && orderdatamsg.order_status == 2 && orderdatamsg.is_evaluate == 0">去评价</div>
				<div class="ointrevstatus ointrevstatusend curpoin"
					v-if="orderdatamsg.order_status != 0 && orderdatamsg.order_status != 2 && orderdatamsg.order_status != 6  && roleId != 2 && roleId != 5 && roleId != 6"
					@click="modistatusbtnfun()">修改状态</div>
				<div class="ointrevstatus ointrevstatusend curpoin"
					v-if="orderdatamsg.order_status == 1 && (roleId == 8 || roleId == 7)" @click="afterbtnfun()">订单状态
				</div>
				<div class="ointrevstatus ointrevstatusend curpoin"
					v-if="orderdatamsg.order_status == 7 && (roleId == 8 || roleId == 7)" @click="afterbtnfun()">售后状态
				</div>
				<div class="ointrevstatus ointrevstatusend curpoin"
					v-if="orderdatamsg.order_status == 2 && roleId != 2 && roleId != 5 && roleId != 6 && roleId != 8 "
					@click="afterfun()">售后</div>
			</div>
			<div class="endtime flex" v-if="roleId != 2 && roleId != 5 && roleId != 6">
				<span class="endtimetitle">交稿时间：</span>
				<el-date-picker id="endgtime" v-model="endgtime" type="datetime" format="yyyy-MM-dd HH:mm:ss"
					placeholder="选择日期时间">
				</el-date-picker>
				<el-button class="mainbg" @click="endgtimefun()"
					style="width:80px;height:30px;color:#fff;margin-left:10px;">提交</el-button>
			</div>
			<div class="endtime flex" v-if="roleId == 7 || roleId == 8">
				<span class="endtimetitle">跟进时间：</span>
				<el-date-picker id="endgtime" v-model="followtime" type="datetime" format="yyyy-MM-dd HH:mm:ss"
					placeholder="选择日期时间">
				</el-date-picker>
				<el-button class="mainbg" @click="followtimefun()"
					style="width:80px;height:30px;color:#fff;margin-left:10px;">提交</el-button>
			</div>
			<div class="ointrcode flex">
				<p class="ointrcode-num mainColor">{{ orderdatamsg.order_sn }}</p>
				<p class="ointrcode-status mainbg">{{ ointstatedata[orderdatamsg.order_status] }}</p>
				<p class="ointrcode-status mainbg"
					v-if="(orderdatamsg.order_status == 1||orderdatamsg.order_status == 7) && roleId !=5">
					{{ orderdatamsg.order_sub_status_txt }}
				</p>
				<p class="ointrcode-status" style="background-color:#FF0000;" v-if="orderdatamsg.is_urgent == 1">加急</p>
				<p class="ointrcode-status mainColor" v-if="orderdatamsg.replenish_need">补充需求</p>
			</div>
			<div class="ointrdem flex">
				<div class="ointrdem-each">
					<div class="ointrdem-fun flex">
						<div class="ointrdem-fune curpoin"
							@click="showdownfun(orderdatamsg.design_need_file_img,'设计需求',1)"
							v-if="orderdatamsg.design_need_file_img.length > 0">
							<span class="ointrdem-funet mainColor">含图片</span>
							<span class="el-icon-picture-outline mainColor" style="font-size:14px;"></span>
						</div>
						<div class="ointrdem-fune curpoin"
							@click="showdownfun(orderdatamsg.design_need_file_arr,'设计需求',2)"
							v-if="orderdatamsg.design_need_file_arr.length > 0">
							<span class="ointrdem-funet mainColor">含文档</span>
							<span class="el-icon-download mainColor" style="font-size:14px;"></span>
						</div>
					</div>
					<div class="ointrdem-name ellipsis01">设计需求</div>
					<div class="ointrdem-dec">{{ orderdatamsg.design_need }}</div>
				</div>
				<div class="ointrdem-each">
					<div class="ointrdem-fun flex">
						<div class="ointrdem-fune curpoin"
							@click="showdownfun(orderdatamsg.replenish_need_file_img,'补充需求',1)"
							v-if="orderdatamsg.replenish_need_file_img.length > 0">
							<span class="ointrdem-funet mainColor">含图片</span>
							<span class="el-icon-picture-outline mainColor" style="font-size:14px;"></span>
						</div>
						<div class="ointrdem-fune curpoin"
							@click="showdownfun(orderdatamsg.replenish_need_file_arr,'补充需求',2)"
							v-if="orderdatamsg.replenish_need_file_arr.length > 0">
							<span class="ointrdem-funet mainColor">含文档</span>
							<span class="el-icon-download mainColor" style="font-size:14px;"></span>
						</div>
					</div>
					<div class="ointrdem-name ellipsis01">补充需求</div>
					<div class="ointrdem-dec">
						<div v-if="!orderdatamsg.replenish_need && roleId != 3 && roleId != 5 && roleId != 7 && roleId != 8"
							class="ointrdem-decbcxq curpoin mainColor"
							@click="uploadbcis = true,uploadbctxt='',uploadbcdata=[];filePer = 0;fileLoading = false">
							补充需求</div>
						<div v-if="orderdatamsg.replenish_need">{{ orderdatamsg.replenish_need }}</div>
					</div>
				</div>
			</div>
			<div class="ointrmoney flex" v-if="roleId !=7 && roleId !=8 && roleId !=5">
				<div class="ointrmoneyl flex">
					<span style="color:#999999;font-size: 14px;">订单金额：</span>
					<span class="ointrmoney-money mainColor"
						style="font-size:24px;">￥{{ orderdatamsg.order_amount }}</span>
					<!-- <el-tooltip class="item" effect="dark" content="若退款，可下载退款凭证；返款后，可下载返款凭证" placement="top">
							<img class="imgs curpoin" src="@/assets/fun/ordermoneyshow.png" style="margin-top:5px;" alt="说明">
						 </el-tooltip> -->
					<img class="imgs curpoin" v-if="orderdatamsg.order_status == 6 && orderdatamsg.refund_voucher"
						@click="showdownonefun(orderdatamsg.refund_voucher,'退款凭证')" src="@/assets/fun/orderdown.png"
						style="margin-top:5px;" alt="下载">
					<img class="imgs curpoin" v-if="orderdatamsg.order_status != 6 && orderdatamsg.invoice_img"
						@click="showdownonefun(orderdatamsg.invoice_img,'开票凭证')" src="@/assets/fun/orderdown.png"
						style="margin-top:5px;" alt="下载">
				</div>
				<div class="ointrmoneyc flex"
					v-if="orderdatamsg.due_in_refund == 1 && roleId != 2 && roleId != 5 && roleId != 7 && roleId != 8">
					<span style="color:#999999;font-size: 14px;">代收款：</span>
					<span class="ointrmoney-money" style="font-size:14px;">￥{{ orderdatamsg.due_in_amount }}</span>
					<img class="imgs curpoin" @click="showdownonefun(orderdatamsg.due_refund_voucher,'返还凭证',1)"
						v-if="orderdatamsg.due_is_refund == 1 && orderdatamsg.due_refund_voucher"
						src="@/assets/fun/wjj.png" style="margin-top:5px;" alt="查看">
					<img class="imgs curpoin" @click="downfilefun(orderdatamsg.due_refund_voucher,'返还凭证')"
						v-if="orderdatamsg.due_is_refund == 1 && orderdatamsg.due_refund_voucher"
						src="@/assets/fun/orderdown.png" style="margin-top:5px;" alt="下载">
					<img class="imgs curpoin" @click="sepaypathis = true,sepaypathname=''"
						v-if="orderdatamsg.order_status == 2 && !orderdatamsg.due_refund_voucher && orderdatamsg.return_path == 0 && roleId != 3 && roleId != 5 && roleId != 7 && roleId != 8"
						src="@/assets/fun/orderlj.png" style="margin-top:5px;" alt="选择路径">
				</div>
				<div class="ointrmoneyr flex">
					<span style="color:#999999;font-size: 14px;">尾款：</span>
					<span class="ointrmoney-money" style="font-size:14px;">￥{{ orderdatamsg.residue_amount }}</span>
					<!-- <img v-if="orderdatamsg.is_take == 1" class="imgs curpoin" src="@/assets/fun/orderdown.png" style="margin-top:5px;" alt="下载"> -->
				</div>
			</div>
			<div class="paymenttype mainColor" v-if="roleId !=7 && roleId !=8 && roleId !=5">
				付款方式：{{ orderdatamsg.pay_type_name }}
			</div>
		</div>
		<!-- 内容详情 -->
		<div class="contentDetails" v-if="orderitem.id">
			<div class="contentDetails-name">内容详情</div>
			<div class="contentDetails-txt">
				<div class="contentDetails-type flex">
					<div class="contentDetails-typeeach">
						<span style="color:#999999;">设计类型：</span>
						<span>{{ orderdatamsg.design_type_name }}</span>
					</div>
					<div class="contentDetails-typeeach">
						<span style="color:#999999;">设计项目：</span>
						<span>{{ orderdatamsg.program_id_name }}</span>
					</div>
					<div class="contentDetails-typeeach" v-for="(item,index) in orderdatamsg.extend_field"
						v-if="orderdatamsg.extend_field.length > 0 && orderdatamsg.extend_field">
						<span style="color:#999999;">{{ item.title }}：</span>
						<span>{{ item.val }}</span>
					</div>
				</div>

				<div class="contentDetails-type flex">
					<div class="contentDetails-typeeach">
						<span style="color:#999999;">业务类型：</span>
						<span>{{ orderdatamsg.business_type_name }}</span>
					</div>
				</div>
				<div class="contentDetails-txtl ellipsis01" v-if="roleId != 5&&roleId != 8">
					<span style="color:#999999;">备注：</span>
					<span style="color:#333333">{{ orderdatamsg.remark }}</span>
				</div>
				<div class="contentDetails-txtdown mainColor curpoin" style="top:0;" v-if="orderdatamsg.is_urgent == 1">
					<span class="el-icon-document" style="font-size:14px;margin-right:5px;"></span>
					<span class="ointrdem-funet">加急</span>
				</div>
				<div class="contentDetails-txtdown mainColor curpoin"
					@click="showdownfun(orderdatamsg.remarks_files_arr,'备注',2)"
					v-if="orderdatamsg.remarks_files_arr.length > 0">
					<span class="ointrdem-funet">含文档</span>
					<span class="el-icon-download" style="font-size:14px;margin-left:5px;"></span>
				</div>
			</div>
		</div>

		<!-- 参与人员 -->
		<div class="ointrpers marginAuto" v-if="orderitem.id">
			<div class="ointrpers-name">参与人员</div>
			<div class="ointrpersblock flex">
				<div class="ointrpersclass flex" v-if="roleId != 5">
					<div class="ointrpers-each curpoin">
						<div class="ointrpers-eacht">
							<div class="ointrpers-le mainbg">{{ orderdatamsg.user_role_name }}</div>
							<div class="ointrpers-ri">
								<img class="ointrpers-riimg" @click="isrecord = !isrecord" src="@/assets/fun/record.png"
									alt="查看记录" />
							</div>
							<div class="ointrpers-icon">
								<div class="ointrpers-iconimg">
									<img style="width:50px;height:50px;" v-if="orderdatamsg.user_avatar"
										:src=" apifun.URLimg+ orderdatamsg.user_avatar" alt="用户头像" />
									<img style="width:50px;height:50px;" v-if="!orderdatamsg.user_avatar"
										src="@/assets/fun/ointpericon.png" alt="用户头像" />
								</div>
								<div class="ointrpers-txt">{{ orderdatamsg.user_name }}</div>
								<!-- <div class="ointrpers-txt">{{ orderdatamsg.mobile }}</div> -->
							</div>
						</div>
						<div class="ointrpers-eachb mainbg"
							v-if="navac != 3 && roleId !=2 && roleId != 3 && roleId != 6"
							@click="sendmsg(orderdatamsg,1)">去聊天</div>
					</div>
				</div>
				<div class="ointrpersclass flex">
					<div class="ointrpers-each curpoin">
						<div class="ointrpers-eacht">
							<div class="ointrpers-le mainbg">销售</div>
							<div class="ointrpers-icon">
								<div class="ointrpers-iconimg">
									<img style="width:50px;height:50px;" v-if="orderdatamsg.sale_avatar"
										:src=" apifun.URLimg+ orderdatamsg.sale_avatar" alt="销售头像" />
									<img style="width:50px;height:50px;" v-if="!orderdatamsg.sale_avatar"
										src="@/assets/fun/ointpericon.png" alt="销售头像" />
								</div>
								<div class="ointrpers-txt">{{ orderdatamsg.sale_name || '' }}</div>
							</div>
						</div>
						<div v-if="roleId != 5 && orderdatamsg.sale_id">
							<div class="ointrpers-eachb mainbg" v-if="roleId == 2" @click="replacefun()">更换销售</div>
						</div>
						<div v-if="roleId != 5 && !orderdatamsg.sale_id">
							<div class="ointrpers-eachb mainbg" v-if="roleId == 2" @click="replacefun()">指派销售</div>
						</div>
					</div>
				</div>
				<div class="ointrpersclass flex">
					<div class="ointrpers-each curpoin">
						<div class="ointrpers-eacht">
							<div class="ointrpers-le mainbg">设计师</div>
							<div class="ointrpers-icon">
								<div class="ointrpers-iconimg">
									<img style="width:50px;height:50px;" v-if="orderdatamsg.design_avatar"
										:src=" apifun.URLimg+ orderdatamsg.design_avatar" alt="设计师头像" />
									<img style="width:50px;height:50px;" v-if="!orderdatamsg.design_avatar"
										src="@/assets/fun/ointpericon.png" alt="设计师头像" />
								</div>
								<div class="ointrpers-txt">{{ orderdatamsg.design_name || '' }}</div>
							</div>
						</div>
						<div v-if="roleId != 5 && orderdatamsg.design_id">
							<div class="ointrpers-eachb mainbg" v-if="roleId == 3 || roleId == 7" @click="replacefun()">
								更换设计师</div>
						</div>
						<div v-if="roleId != 5 && !orderdatamsg.design_id">
							<div class="ointrpers-eachb mainbg" v-if="roleId == 3 || roleId == 7" @click="replacefun()">
								指派设计师</div>
						</div>
						<div v-if="roleId == 5">
							<div class="ointrpers-eachb mainbg" @click="sendmsg(orderdatamsg,2)">去聊天</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 评论与投诉 -->
		<div class="evcom" v-if="orderitem.id">
			<div class="evcom-name">评价与投诉</div>
			<div class="evcomdem flex">
				<div class="ointrdem-each" v-if="orderdatamsg.order_status == 2 && orderdatamsg.is_evaluate == 1"
					style="height:180px;">
					<div class="ointrdem-name ellipsis01">
						<span style="margin-right:5px;">评价</span>
						<span class="el-icon-document mainColor"></span>
					</div>
					<div class="ointrdem-fun mainColor" v-if="orderdatamsg.is_evaluate == 1">已评价</div>
					<div class="ointrdem-dec" style="height:150px;">
						<div v-for="(item,index) in orderdatamsg.evaluate_list" :key="index"
							style="margin-bottom:10px;">
							<div class="evcomdemxing flex">
								<p class="ointrdem-title">设计师:</p>
								<div class="evcomdemtxt-dec">{{ item.realname }}</div>
							</div>
							<div class="evcomdemxing flex">
								<p class="ointrdem-title">评设计师:</p>
								<div class="evcomdemxing-xing flex">
									<el-rate v-model="item.score" :disabled="true" text-color="#FF5E03"
										void-color="#999" :colors="['#FF5E03','#FF5E03','#FF5E03']"></el-rate>
								</div>
							</div>
							<div class="evcomdemxing flex">
								<p class="ointrdem-title">评作品:</p>
								<div class="evcomdemxing-xing flex">
									<el-rate v-model="item.work_score" :disabled="true" text-color="#FF5E03"
										void-color="#999" :colors="['#FF5E03','#FF5E03','#FF5E03']"></el-rate>
								</div>
							</div>
							<div class="evcomdemtxt flex">
								<p class="ointrdem-title">评价内容:</p>
								<div class="evcomdemtxt-dec">{{ item.evaluate }}</div>
							</div>
						</div>
					</div>
				</div>
				<div class="ointrdem-each" style="height:180px;">
					<div class="ointrdem-fun mainColor" v-if="orderdatamsg.is_complaint == 1">未处理</div>
					<div class="ointrdem-fun mainColor curpoin" @click="plaintClis=true,plaintCltxt=''"
						v-if="orderdatamsg.is_complaint == 1 && roleId ==3" style="right:60px;">去处理</div>
					<div class="ointrdem-fun mainColor" v-if="orderdatamsg.is_complaint == 2">已处理</div>
					<div class="ointrdem-name ellipsis01">
						<span style="margin-right:5px;">投诉</span>
						<span class="el-icon-document mainColor"></span>
					</div>

					<div class="ointrdem-dec" style="height:150px;">
						<div v-if="orderdatamsg.is_complaint >= 1" v-for="(item,index) in orderdatamsg.complaint_list"
							style="margin-bottom:10px;">
							<p>投诉设计师：{{item.realname}}</p>
							<p>投诉内容：{{ item.content }}</p>
						</div>
						<p class="mainColor" style="margin-top:10px;"
							v-if="orderdatamsg.is_complaint == 2 && roleId != 8">{{ orderdatamsg.solution }}</p>
						<!-- v-if="orderdatamsg.is_complaint == 0" -->
						<div v-if="roleId == 5" @click="plaintis=true,complaint_content=''"
							class="ointrdem-decbcxq curpoin mainColor">投诉</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 备忘录 -->
		<div class="evcom" v-if="roleId == 7 || roleId == 8">
			<div class="evcom-name">备忘录</div>
			<div class="evcomdem flex">
				<div class="ointrdem-each" style="height:180px;">
					<div class="ointrdem-fun mainColor curpoin" @click="iscompilememo=true;ememotxt=orderdatamsg.memo">
						编辑</div>
					<div class="ointrdem-name ellipsis01">
						<span style="margin-right:5px;">备忘录</span>
						<span class="el-icon-document mainColor"></span>
					</div>
					<div class="ointrdem-dec" style="height:150px;">
						<div style="margin-bottom:10px;" v-html="setBr(orderdatamsg.memo)"></div>
					</div>
				</div>
			</div>
		</div>
		<!-- 开票信息 -->
		<makemsg :orderdatamsg="orderdatamsg" @getorderxqfun="getorderxqfun"
			v-if="roleId != 7 && roleId != 8 && isfapiaoshow"></makemsg>
		<!-- 聊天记录 -->
		<chatrecord class="chatrecordalert" v-if="isrecord" :orderid="orderdatamsg.id" :fromUid="orderdatamsg.design_id"
			:toContactId="orderdatamsg.user_id"></chatrecord>
		<!-- </div> -->
		<!-- 补充需求 -->
		<el-dialog :close-on-click-modal="false" :modal="false" title="上传补充文件" id="uploadbcblock"
			:visible.sync="uploadbcis" width="400px" top="70px" :before-close="replaceClosefun"
			:modal-append-to-body="false">
			<div v-loading="fileLoading" element-loading-text="文件上传中，请勿操作" element-loading-spinner="el-icon-loading"
				element-loading-background="rgba(255, 255, 255, 0.6)">
				<textarea class="uploadbctxt" v-model="uploadbctxt" placeholder="请输入补充需求文字描述"></textarea>
				<el-upload id="uploadfliexq" drag multiple :show-file-list="false"
					:action="apifun.hrefURL + '/pc/Upload/fileUpload'" name="file" :headers="token"
					:on-success="uploadfileSuccess" :before-upload="uploadfile.fileSize" :on-progress="onProgressFile">
					<i class="el-icon-upload"></i>
					<div class="el-upload__text">将文件拖到此处，或<em class="mainColor">点击上传</em></div>
					<div class="el-upload__tip" slot="tip">上传的文件不超过{{ uploadfile.fileSizenum }}M</div>
				</el-upload>
				<br>
				<el-progress :percentage="filePer" color="#FF5E03" v-if="filePer>0"></el-progress>
				<div class="flielist">
					<div class="flieitem flex" v-for="(item,index) in uploadbcdata" :key="index">
						<div class="flieiteml">
							<span class="flieitemlicon el-icon-document"></span>
							<span class="flieitemlname">{{ item.name }}</span>
						</div>
						<div class="flieitemr curpoin" @click="delsjxqfun(item,index)">
							<span class="el-icon-delete"></span>
						</div>
					</div>
				</div>
				<div class="replacebtn" style="margin-top:20px;">
					<el-button class="replacebtneach mainbg"
						@click="uploadbcdata.length>0?enterbcfun():waitTime()">提交</el-button>
				</div>
			</div>
		</el-dialog>
		<!-- 更换职称人员 -->
		<el-dialog :modal="false" title="更换指派" :visible.sync="replaceis" width="432px" top="200px"
			:before-close="replaceClosefun" :modal-append-to-body="false">
			<el-select class="replaceisselect" v-model="replacemsgname" @change="selereplacefun" placeholder="请选择"
				style="width: 100%;height:50px;" filterable>
				<el-option v-for="(item,index) in replacedata" :key="index" :label="item.realname"
					:value="item.user_id">
				</el-option>
			</el-select>
			<div class="replaceisselect" style="margin-top: 30px;" v-if="!orderdatamsg.design_id">
				<p style="margin-bottom: 5px;">请确定订单名称</p>
				<el-input v-model="orderTitle" placeholder="请输入订单标题"></el-input>
			</div>
			<div class="replacebtn">
				<el-button class="replacebtneach" style="background-color:#999999;"
					@click="replaceis=false">取消</el-button>
				<el-button class="replacebtneach mainbg" @click="replaceenterfun()">提交</el-button>
			</div>
		</el-dialog>
		<!-- 投诉 -->
		<el-dialog :modal="false" title="投诉" :visible.sync="plaintis" width="432px" top="100px"
			:before-close="replaceClosefun" :modal-append-to-body="false">
			<div class="plaintisblock" style="margin-bottom: 10px;">
				<div class="evalxmsg evalxmsgsj flex" style="padding-bottom:5px;">
					<p class="evalxmsgtitle">设计师</p>
					<el-select class="replaceisselect" v-model="plaintslname" placeholder="请选择" @change="plaintslfun"
						style="width: 100%;height:60px;" filterable>
						<el-option v-for="(item,index) in orderdatamsg.complaintcon" :key="index" :label="item.realname"
							:value="item.design_id">
						</el-option>
					</el-select>
				</div>
				<div class="plaintis">
					<textarea class="plaintistxt" v-model="complaint_content" placeholder="请输入投诉信息"
						maxlength="9999"></textarea>
				</div>
			</div>
			<!-- <div class="plaintisblock" v-for="(item,index) in orderdatamsg.complaintcon" :key="index" style="margin-bottom: 10px;">
				<div class="evalxmsg evalxmsgsj flex" style="padding-bottom:5px;">
					<p class="evalxmsgtitle">设计师</p>
					<p class="evalxmsghead">
						<img v-if="item.avatar" :src="apifun.URLimg + item.avatar" alt="" />
						<img v-if="!item.avatar" src="@/assets/logosvg.png" alt="" />
					</p>
					<p class="evalxmsgname">{{ item.realname }}</p>
				</div>
				<div class="plaintis">
					<textarea class="plaintistxt" v-model="item.complaint_content" placeholder="请输入投诉信息" maxlength="9999"></textarea>
				</div>
			</div> -->
			<div class="replacebtn">
				<el-button class="replacebtneach" style="background-color:#999999;"
					@click="plaintis=false">取消</el-button>
				<el-button class="replacebtneach mainbg" @click="plaintenterfun()">提交</el-button>
			</div>
		</el-dialog>

		<el-dialog :modal="false" title="处理投诉" :visible.sync="plaintClis" width="432px" top="100px"
			:before-close="replaceClosefun" :modal-append-to-body="false">
			<div class="plaintis">
				<textarea class="plaintistxt" v-model="plaintCltxt" placeholder="请输入处理意见" maxlength="9999"></textarea>
			</div>
			<div class="replacebtn">
				<el-button class="replacebtneach" style="background-color:#999999;"
					@click="plaintClis=false">取消</el-button>
				<el-button class="replacebtneach mainbg" @click="plaintClenterfun()">提交</el-button>
			</div>
		</el-dialog>
		<!-- 备忘录 -->
		<el-dialog :modal="false" title="备忘录" :visible.sync="iscompilememo" width="432px" top="100px"
			:before-close="replaceClosefun" :modal-append-to-body="false">
			<div class="plaintis">
				<textarea class="plaintistxt" v-model="ememotxt" placeholder="请输入备忘录" maxlength="9999"></textarea>
			</div>
			<div class="replacebtn">
				<el-button class="replacebtneach" style="background-color:#999999;"
					@click="iscompilememo=false">取消</el-button>
				<el-button class="replacebtneach mainbg" @click="enterememofun()">提交</el-button>
			</div>
		</el-dialog>
		<!-- 订单评价 -->
		<el-dialog :modal="false" id="evalalert" title="订单评价" :visible.sync="evalis" width="432px" top="70px"
			:before-close="replaceClosefun" :modal-append-to-body="false">
			<div class="evalblock">
				<p class="evaldec">请对您的设计师进行评价哦</p>
				<div class="evlist" style="margin-top: 10px;" v-for="(item,index) in orderdatamsg.evaluatelist"
					:key="index">
					<div class="evalxmsg evalxmsgsj flex" style="padding:0px;">
						<p class="evalxmsgtitle">设计师</p>
						<p class="evalxmsghead">
							<img v-if="item.avatar" :src="apifun.URLimg + item.avatar" alt="" />
							<img v-if="!item.avatar" src="@/assets/logosvg.png" alt="" />
						</p>
						<p class="evalxmsgname">{{ item.realname }}</p>
					</div>
					<div class="evalxmsg flex">
						<p class="evalxmsgtitle">设计师评分</p>
						<el-rate v-model="item.grade_designer" show-text :texts="evaleltext" text-color="#FF5E03"
							void-color="#999" :colors="['#FF5E03','#FF5E03','#FF5E03']"></el-rate>
					</div>
					<div class="evalxmsg flex">
						<p class="evalxmsgtitle">设计师作品评分</p>
						<el-rate v-model="item.grade" show-text :texts="evaleltext" text-color="#FF5E03"
							void-color="#999" :colors="['#FF5E03','#FF5E03','#FF5E03']"></el-rate>
					</div>
					<div class="evaltxtmsg">
						<p class="evaltxtmsgTitle">请输入您的评价内容</p>
						<textarea class="evaltxtmsgtxt" v-model="item.evaluate" placeholder="请输入评价内容"></textarea>
					</div>
				</div>
			</div>
			<div class="replacebtn" style="margin-top:20px;">
				<el-button class="replacebtneach" style="background-color:#999999;" @click="evalis=false">取消</el-button>
				<el-button class="replacebtneach mainbg" @click="evalenterfun()">提交</el-button>
			</div>
		</el-dialog>
		<!-- 修改状态 -->
		<el-dialog :modal="false" title="修改状态" :visible.sync="modistatusis" width="432px" top="140px"
			:before-close="replaceClosefun" :modal-append-to-body="false">
			<el-select class="replaceisselect" v-model="ointstatename" placeholder="请选择" @change="modistatuselfun"
				style="width: 100%;height:50px;">
				<el-option v-for="(item,index) in ointstate" :key="index" :label="item.name" :value="item.id">
				</el-option>
			</el-select>
			<div class="replacebtn">
				<el-button class="replacebtneach" style="background-color:#999999;"
					@click="modistatusis=false">取消</el-button>
				<el-button class="replacebtneach mainbg" @click="modistatusfun()">提交</el-button>
			</div>
		</el-dialog>
		<!-- 修改售后状态（设计师） -->
		<el-dialog :modal="false" title="修改状态" :visible.sync="minstatusis" width="432px" top="140px"
			:before-close="replaceClosefun" :modal-append-to-body="false">
			<el-select class="replaceisselect" v-model="minstatename" placeholder="请选择" @change="afterstatuselfun"
				style="width: 100%;height:50px;">
				<el-option v-for="(item,index) in minstatedata" :key="index" :label="item.name" :value="item.id">
				</el-option>
			</el-select>
			<div class="replacebtn">
				<el-button class="replacebtneach" style="background-color:#999999;"
					@click="minstatusis=false">取消</el-button>
				<el-button class="replacebtneach mainbg" @click="afterstatusfun()">提交</el-button>
			</div>
		</el-dialog>
		<!-- 下载文件 -->
		<el-dialog :modal="false" :title="downdatatype == 1 ? '下载图片':'下载文件'" :visible.sync="downuploadis" width="400px"
			top="70px" :before-close="replaceClosefun" :modal-append-to-body="false">
			<div class="flielist" v-if="downdatatype == 1">
				<div class="flieitem flex" v-for="(item,index) in downdata" :key="index" style="align-items: center;">
					<div class="flieiteml">
						<el-image style="width: 50px;" :src="item" :preview-src-list="[item]" v-if="downdatatype == 1">
						</el-image>
					</div>
					<div class="flieitemr curpoin" @click="downfilefun(item,'图片')" v-if="downdatatype == 1">
						<span class="el-icon-download"></span>
					</div>
				</div>
			</div>
			<div class="flielist" v-if="downdatatype == 2">
				<div class="flieitem flex" v-for="(item,index) in downdata" :key="index">
					<div class="flieiteml">
						<span v-if="downdatatype == 2" class="flieitemlicon el-icon-document"></span>
						<span v-if="downdatatype == 2" class="flieitemlname">{{ item.name }}</span>
					</div>
					<div class="flieitemr curpoin" @click="downfilefun(item.src,'文件')" v-if="downdatatype == 2">
						<span class="el-icon-download"></span>
					</div>
				</div>
			</div>
		</el-dialog>
		<el-dialog :modal="false" :title="downphotoddata.name" :visible.sync="downphotodis" width="500px" top="70px"
			:before-close="replaceClosefun" :modal-append-to-body="false">
			<img width="460" :src="apifun.URLimg + downphotoddata.src" alt="" />
			<div class="replacebtn">
				<el-button class="replacebtneach mainbg"
					@click="downfilefun(downphotoddata.src,downphotoddata.name)">下载源图</el-button>
			</div>
		</el-dialog>
		<!-- 选择路径 -->
		<el-dialog :modal="false" id="sepaypath" title="代收款返还路径选择" :visible.sync="sepaypathis" width="432px" top="200px"
			:before-close="replaceClosefun" :modal-append-to-body="false">
			<el-select class="replaceisselect" v-model="sepaypathname" @change="sepaypathfun" placeholder="请选择"
				style="width: 100%;height:50px;">
				<el-option v-for="(item,index) in sepaypathdata" :key="index" :label="item.name" :value="item.id">
				</el-option>
			</el-select>
			<div v-if="sepaypathid == 1">
				<div class="paypathinput flex">
					<p class="paypathinputtitle">持卡人姓名：</p>
					<div class="paypathinputr">
						<el-input class="paypathinputrinput" v-model="return_bank_card_name"
							placeholder="请输入持卡人姓名"></el-input>
					</div>
				</div>
				<div class="paypathinput flex">
					<p class="paypathinputtitle">银行卡号：</p>
					<div class="paypathinputr">
						<el-input class="paypathinputrinput" v-model="return_bank_card"
							placeholder="请输入银行卡号"></el-input>
					</div>
				</div>
			</div>
			<div v-if="sepaypathid == 2">
				<div class="sepaypathinput flex">
					<div class="sepaypathinputtitle">收款码:</div>
					<div class="sepaypathinputphoto flex">
						<span class="sepaypathinputphotoicon marginAuto el-icon-picture-outline"></span>
						<img class="sepaypathinputphotoimg" v-if="return_bay_data.id"
							:src="apifun.URLimg + return_bay_data.src" alt="收款码" />
					</div>
					<el-upload class="upload-demo" :show-file-list="false"
						:action="apifun.hrefURL + '/pc/upload/upload'" name="file" :headers="token"
						:on-preview="sepaypathpreview" :on-success="sepaypathSuccess"
						:before-upload="uploadfile.fileImg">
						<el-button class="sepaypathinputbtn mainbg">立即上传</el-button>
					</el-upload>
				</div>
			</div>
			<div class="replacebtn">
				<el-button class="replacebtneach" style="background-color:#999999;"
					@click="sepaypathis=false">取消</el-button>
				<el-button class="replacebtneach mainbg" @click="paypathenterfun()">提交</el-button>
			</div>
		</el-dialog>
	</div>
</template>

<script>
	import {
		getFileSize,
		getFileExtImg,
		download
	} from "@/utils/file";
	import makemsg from '@/components/order/makemsg';
	import chatrecord from '@/components/chat/chatrecord';
	import utils from '@/utils/utils';
	export default {
		props: {
			orderitem: {
				type: Object,
				default: {}
			}
		},
		components: {
			makemsg,
			chatrecord
		},
		data() {
			return {
				token: {
					Authorization: localStorage.getItem('token')
				},
				navac: '',
				roleId: '',
				orderdatamsg: {
					design_need_file_img: [],
					design_need_file_arr: [],
					replenish_need_file_img: [],
					replenish_need_file_arr: [],
					remarks_files_arr: []
				},
				ointstate: [],
				ointstatedata: ["未分配", "进行中", "已定稿", "死单", "暂停", "退款中", "已退款", "售后中"],
				minstatedata: [
					// 	{
					// 	id: 1,
					// 	name: "新单"
					// }, 
					{
						id: 2,
						name: "重新设计"
					}, {
						id: 3,
						name: "大修改"
					}, {
						id: 4,
						name: "小修改"
					}, {
						id: 5,
						name: "待跟进"
					}
				],
				endgtime: '',
				followtime: '',
				replaceis: false, // 更换职称人员
				replacemsgname: '',
				orderTitle: '', //订单标题
				replacemsguserid: '',
				replacedata: [],
				modistatusis: false, // 修改订单状态
				ointstatename: '',
				modistatusid: '',
				minstatusis: false, // 修改售后订单状态
				minstatename: '',
				minstatusid: '',
				uploadbcis: false, // 补充文件上传
				uploadbcdata: [],
				uploadbctxt: '',
				sepaypathis: false, //代收款选择支付路径
				sepaypathdata: [{
					id: 1,
					name: "银行卡"
				}, {
					id: 2,
					name: "收款码"
				}, {
					id: 3,
					name: "原路返回"
				}],
				sepaypathid: '',
				sepaypathname: '',
				return_bank_card_name: '',
				return_bank_card: '',
				return_bay_data: {},
				plaintis: false, // 投诉
				plaintslname: '', // 投诉更换设计师
				plaintslid: '', // 投诉更换设计师
				complaint_content: '',
				plaintClis: false, // 处理投诉
				plaintCltxt: '',
				ememotxt: '213321321321', // 备忘录
				iscompilememo: false,
				evalis: false, // 评价
				// evaltxt:'',
				// eval1xing:"3",
				// eval2xing:'3',
				evaleltext: ['1星', '2星', '3星', '4星', '5星'],
				downuploadis: false, //下载
				downdata: [],
				downphotodis: false, // 单张图可看可下载
				downphotoddata: {},
				downdatatype: 1, // 图片；文件
				selepaypathis: true, // 选择路径
				isfapiaoshow: false,
				isrecord: false, // 查看记录
				filePer: 0,
				fileLoading: false
			}
		},
		mounted() {
			this.roleId = this.$store.state.roleId;
		},
		methods: {
			/*上传进度条、遮罩层-start*/
			waitTime() {
				this.$message({
					message: '请上传文件或等待上传反馈',
					type: 'warning'
				});
			},
			sucTime() {
				// this.$message({
				// 	message: '上传成功',
				// 	type: 'success'
				// });
			},
			onProgressFile(event, file, fileList) {
				this.filePer = Number(Number(event.percent).toFixed(0))
				if (event.percent > 0) {
					this.fileLoading = true
					if (event.percent == 100) {
						this.fileLoading = false
					}
				}
			},
			/*上传进度条、遮罩层-end*/
			//换行
			setBr(html) {
				if (html && html.length > 0) {
					return html.replace(/\n/g, '<br/>')
				}
			},

			sendmsg(orderdata, identity) { // 聊天 identity：1设计师找给客户聊  2客户找设计师聊   adverseid：对方id
				let orderdatamsg = orderdata;
				orderdatamsg.sendIdentity = identity;
				if (identity == 1) {
					orderdatamsg.adverseid = orderdata.user_id;
				} else {
					orderdatamsg.adverseid = orderdata.design_id;
				};
				this.$store.state.orderSendSmgData = orderdatamsg;
			},
			// ------更换职称
			replaceenterfun() { // 确认更换职称
				let urls = '/pc/order/assignDesigner';
				if (this.roleId == 2) { // 销售总监指派销售
					urls = '/pc/order/assignSales'
				};
				let sendData = {
					orderId: this.orderdatamsg.id,
					userId: this.replacemsguserid
				};
				if (urls == '/pc/order/assignDesigner' && !this.orderdatamsg.design_id) {
					sendData.order_name = this.orderTitle
				}
				this.apifun.$post(urls, sendData).then((res) => {
					// console.log(res)
					if (res.code == 200) {
						this.$message({
							message: '指派成功',
							type: 'success'
						});
						this.orderTitle = ""
						this.replaceis = false;
						this.getorderxqfun();
					}
				})
			},
			replacefun() { // 更换职称人员 (获取人员)
				this.apifun.$post('/pc/order/designer', {}).then((res) => {
					// console.log(res)
					if (res.code == 200) {
						this.replaceis = true;
						this.orderTitle = this.orderdatamsg.order_name
						let datas = res.data;
						this.replacedata = datas;
					}
				})
			},
			selereplacefun(e) {
				this.replacemsguserid = e;
			},
			replaceClosefun() { // 关闭
				this.orderTitle = ""
				this.replaceis = false; // 更换职称
				this.uploadbcis = false; // 补充文件
				this.plaintis = false; // 投诉
				this.plaintClis = false; // 处理投诉意见
				this.evalis = false; // 评价
				this.modistatusis = false; // 修改订单状态
				this.minstatusis = false; //  修改售后订单状态
				this.downuploadis = false; // 上传下载文件列表
				this.downphotodis = false;
				this.sepaypathis = false; // 代收款路径
				this.iscompilememo = false; //  备忘录
			},
			// ---------上传补充需求start
			uploadfileSuccess(res, file) { // 上传文件
				let sendData = {
					raw: file.raw, // name、path、size、type、uid
					name: file.name,
					id: res.data
				};
				if (res.code == 200) {
					this.uploadbcdata.unshift(sendData);
				} else {
					this.$message({
						message: res.msg,
						type: 'warning'
					});
				}
			},
			delsjxqfun(item, index) { // 删除补充需求
				this.uploadbcdata.splice(index, 1)
			},
			enterbcfun() { // 提交补充需求
				let uploadbcdata = [];
				this.uploadbcdata.forEach((item, index) => {
					uploadbcdata.push(item.id)
				});
				let sendData = {
					id: this.orderdatamsg.id,
					replenish_need: this.uploadbctxt,
					replenish_need_file: uploadbcdata
				};
				if (this.uploadbctxt == '') {
					this.$message({
						message: '清上传补充需求文字描述',
						type: 'warning'
					});
					return false
				};
				this.apifun.$post('/pc/Order/supplement', sendData).then((res) => {
					// console.log(res)
					if (res.code == 200) {
						this.$message({
							message: '提交成功',
							type: 'success'
						});
						this.uploadbcis = false;
						this.getorderxqfun();
					}
				})
			},
			// 选择代收款路径（给中间代理的支付方式）
			paypathenterfun() {
				let sendData = {
					return_path: this.sepaypathid,
					orderId: this.orderdatamsg.id,
					return_bank_card: this.return_bank_card,
					return_bank_card_name: this.return_bank_card_name,
					return_bay_code: this.return_bay_data.path,
				}
				this.apifun.$post('/pc/Order/returnPath', sendData).then((res) => {
					// console.log(res)
					if (res.code == 200) {
						this.$message({
							message: '提交成功',
							type: 'success'
						});
						this.sepaypathis = false;
						this.getorderxqfun();
					}
				})
			},
			sepaypathfun(e) {
				this.sepaypathid = e;
			},
			sepaypathSuccess(res, file) { // 上传收款码
				if (res.code == 200) {
					this.return_bay_data = {
						name: file.name,
						raw: file.raw,
						id: res.data.file_id,
						size: file.size,
						src: res.data.src,
						path: res.data.path,
					}
				} else {
					this.$message({
						message: res.msg,
						type: 'warning'
					});
				}
			},
			sepaypathpreview(file) {
				console.log(file)
			},
			// ------------订单评价
			evalenterfun() { // 提交评价 
				let sendData = {
					id: this.orderdatamsg.id,
					evaluate_info: this.orderdatamsg.evaluatelist,
					// evaluate:this.evaltxt,
					// grade:this.eval2xing,
					// grade_designer:this.eval1xing,
				};
				console.log(sendData);
				this.apifun.$post('/pc/order/evaluate', sendData).then((res) => {
					// console.log(res)
					if (res.code == 200) {
						this.$message({
							message: '评价成功',
							type: 'success'
						});
						this.evalis = false;
						this.getorderxqfun();
					}
				})
			},
			// --------投诉
			plaintenterfun() { // 投诉
				let complaintcontent = [{
					design_id: this.plaintslid,
					complaint_content: this.complaint_content
				}];
				let sendData = {
					id: this.orderdatamsg.id,
					// complaint_content : this.orderdatamsg.complaintcon
					complaint_content: complaintcontent
				}
				this.apifun.$post('/pc/order/complaint', sendData).then((res) => {
					// console.log(res)
					if (res.code == 200) {
						this.$message({
							message: '投诉成功',
							type: 'success'
						});
						this.plaintis = false;
						this.getorderxqfun();
					}
				})
			},
			plaintClenterfun() { //  处理投诉
				let sendData = {
					id: this.orderdatamsg.id,
					solution: this.plaintCltxt
				}
				this.apifun.$post('/pc/Order/handle', sendData).then((res) => {
					// console.log(res)
					if (res.code == 200) {
						this.$message({
							message: '处理意见提交成功',
							type: 'success'
						});
						this.plaintClis = false;
						this.getorderxqfun();
					}
				})
			},
			enterememofun() {
				let sendData = {
					id: this.orderdatamsg.id,
					memo: this.ememotxt
				}
				if (this.ememotxt == '') {
					this.$message({
						message: '请输入备忘录信息',
						type: 'warning'
					});
				};
				this.apifun.$post('/pc/order/setOrderMemo', sendData).then((res) => {
					// console.log(res)
					if (res.code == 200) {
						this.$message({
							message: '提交成功',
							type: 'success'
						});
						this.iscompilememo = false;
						this.getorderxqfun()
					}
				})
			},

			endgtimefun() { //  交稿时间
				let sendData = {
					id: this.orderitem.id,
					delivery_time: utils.date('Y-m-d H:i:s', this.endgtime)
				};
				this.apifun.$post('/pc/Order/manuscriptTime', sendData).then((res) => {
					// console.log(res)
					if (res.code == 200) {
						this.$message({
							message: '提交成功',
							type: 'success'
						});
						this.getorderxqfun()
					}
				})
			},
			followtimefun() { // 跟进时间
				let sendData = {
					id: this.orderitem.id,
					follow_time: utils.date('Y-m-d H:i:s', this.followtime)
				};
				this.apifun.$post('/pc/order/setFollowTime', sendData).then((res) => {
					// console.log(res)
					if (res.code == 200) {
						this.$message({
							message: '提交成功',
							type: 'success'
						});
						this.getorderxqfun()
					}
				})
			},
			// ---------基础
			modistatuselfun(e) { // 选择订单状态
				this.modistatusid = e;
			},
			plaintslfun(e) {
				console.log(e)
				this.plaintslid = e;
			},
			modistatusbtnfun() { // 修改状态按钮
				this.ointstate = []
				// ointstate: ['0未分配', '1进行中', '2已定稿', '3死单', '4暂停', '5退款中', '6已退款'],
				// 2销售总监 3 售后总监 4财务 5客户 6销售 7设计经理 8设计师 
				// if (this.roleId == 3) {
				// 	this.ointstate = [{
				// 		id: '3',
				// 		name: '死单'
				// 	}, {
				// 		id: '4',
				// 		name: '暂停订单'
				// 	}, {
				// 		id: '5',
				// 		name: '退款中'
				// 	}]
				// } else if (this.roleId == 7) {
				// 	this.ointstate = [{
				// 		id: '2',
				// 		name: '定稿'
				// 	}, {
				// 		id: '3',
				// 		name: '死单'
				// 	}, {
				// 		id: '4',
				// 		name: '暂停订单'
				// 	}, {
				// 		id: '5',
				// 		name: '退款中'
				// 	}]
				// } else if (this.roleId == 8) {
				// 	this.ointstate = [{
				// 		id: '2',
				// 		name: '定稿'
				// 	}, {
				// 		id: '3',
				// 		name: '死单'
				// 	}, {
				// 		id: '4',
				// 		name: '暂停订单'
				// 	}]
				// }

				this.apifun.$post('/pc/order/getRoleOrderStatusArr', {
					order_id: this.orderitem.id
				}).then((res) => {
					if (res.code == 200) {
						this.ointstate = res.data
						this.modistatusis = true;
						this.ointstatename = '';
					}
				})

			},
			modistatusfun() { // 修改状态
				let sendData = {
					orderId: this.orderitem.id,
					state: this.modistatusid,
				}
				this.apifun.$post('/pc/Order/orderState', sendData).then((res) => {
					// console.log(res)
					if (res.code == 200) {
						this.$message({
							message: '修改成功',
							type: 'success'
						});
						this.modistatusis = false;
						this.getorderxqfun()
					}
				})
			},
			// 修改子状态
			afterstatuselfun(e) { // 选择订单状态 (1新单 2重新设计  3大修改 4小修改 5待跟进 6售后)
				this.minstatusid = e;
			},
			afterbtnfun() { //  修改售后状态 open
				this.minstatusis = true;
				this.minstatename = '';
			},
			afterstatusfun() { //  修改售后状态(子状态)
				let sendData = {
					id: this.orderitem.id,
					status: this.minstatusid,
				}
				this.apifun.$post('/pc/order/setOrderSubStatus', sendData).then((res) => {
					// console.log(res)
					if (res.code == 200) {
						this.$message({
							message: '修改成功',
							type: 'success'
						});
						this.minstatusis = false;
						this.getorderxqfun()
					}
				})
			},
			afterfun() { // 售后功能
				let sendData = {
					id: this.orderitem.id
				};
				this.$alert('确认对此订单进行售后吗？', '售后', {
					confirmButtonText: '确定',
					closeOnClickModal: true,
					callback: action => {
						if (action == 'confirm') {
							this.apifun.$post('/pc/order/applyOrderService', sendData).then((res) => {
								// console.log(res)
								if (res.code == 200) {
									this.$message({
										message: '修改成功',
										type: 'success'
									});
									this.getorderxqfun()
								}
							})
						}
					}
				});
			},
			getorderxqfun(navac) { // 获取详情  navac=3 => 团队订单
				let sendData = {
					id: this.orderitem.id
				};
				this.navac = navac;
				this.isrecord = false;
				this.apifun.$post('/pc/Order/orderDetails', sendData).then((res) => {
					// console.log(res.data)
					if (res.code == 200) {
						let orderdatamsg = res.data;
						let designlist = orderdatamsg.design_list;
						let evaluatelist = [];
						let complaintcon = [];
						designlist.forEach((item, index) => {
							let items = item;
							items.evaluate = '';
							items.grade = 3;
							items.grade_designer = 3;
							evaluatelist.push(items);
						});
						designlist.forEach((item, index) => {
							complaintcon.push(item);
							complaintcon.complaint_content = '';
						});
						orderdatamsg.evaluatelist = evaluatelist; // 评价
						orderdatamsg.complaintcon = complaintcon; // 投诉
						this.orderdatamsg = orderdatamsg;
						this.endgtime = res.data.delivery_time;
						this.followtime = res.data.follow_time;
						if (this.orderdatamsg.is_invoice != 0) {
							this.isfapiaoshow = true
						}
					}
				})
			},

			showdownfun(downlist, name, type) { // type 1图片  2文件
				this.downuploadis = true;
				this.downdata = downlist;
				this.downdatatype = type;
			},
			showdownonefun(downsrc, name) {
				this.downphotodis = true;
				this.downphotoddata = {
					name: name,
					src: downsrc
				};
			},
			downfilefun(src, name) {
				download(src, name)
			}
		}
	}
</script>
<style>
	#orderxq .infosearch-input .el-input__inner {
		background-color: #FFF6F1;
		height: 36px;
		line-height: 36px;
	}

	#orderxq .infosearch-input .el-input__inner:focus,
	#orderxq .replaceisselect .el-input__inner:focus,
	#sepaypath .el-input__inner:focus {
		border-color: #FF5E03;
	}

	#orderxq .replaceisselect .el-input__inner {
		background-color: #F6F6F6;
		height: 50px;
		line-height: 50px;
	}

	#evalalert .el-dialog__body {
		padding: 0px 20px 30px;
	}

	#uploadbcblock .el-dialog__body {
		padding: 0px 20px 30px !important;
	}

	.el-date-table td.today span {
		color: #FF5E03 !important;
	}

	.el-date-table td:hover {
		color: #FF5E03 !important;
	}

	.el-date-table td.current:not(.disabled) span {
		background-color: #FF5E03 !important;
		color: #fff !important;
	}
</style>
<style scoped lang="scss">
	@import './orderxq.scss';

	// 记录
	.chatrecordalert {
		position: fixed;
		z-index: 99;
		right: 0;
		top: 50px;
	}

	// 交稿时间
	.endtime {
		padding: 10px 0;
		height: 30px;

		.endtimetitle {
			line-height: 36px;
			color: #333;
			font-size: 14px;
		}
	}

	// 交稿时间结束
	#orderxq {
		min-width: 550px;
	}

	.ointrtitle {
		position: sticky;
		z-index: 50;
		top: 0;
		width: 96%;
		padding: 0px 2% 10px;
		height: 40px;
		line-height: 40px;
		border-bottom: 1px solid #EEEEEE;
		color: #333333;
		font-size: 14px;
		font-weight: bold;
		background-color: #fff;
	}

	.nonephoto {
		width: 98%;
		margin: 10px auto;
		height: 88vh;
		border-radius: 10px;
		background-color: #fff;

		.nonephotoimg {
			width: 150px;
		}
	}

	// 弹窗
	.replacebtn {
		margin-top: 30px;
		display: flex;
		justify-content: flex-end;

		.replacebtneach {
			width: 130px;
			height: 50px;
			border-radius: 10px;
			color: #fff;
			font-size: 16px;
			margin-left: 25px;
		}
	}

	// 评价
	.evalblock {
		.evaldec {
			font-size: 14px;
			color: #999999;
		}

		.evalxmsgsj {
			line-height: 40px;
		}

		.evalxmsg {
			padding: 5px 0;

			.evalxmsgtitle {
				width: 110px;
				font-size: 14px;
				color: #333333;
			}

			.evalxmsghead {
				width: 40px;
				height: 40px;

				img {
					width: 40px;
					height: 40px;
				}
			}

			.evalxmsgname {
				line-height: 40px;
				font-size: 14px;
				color: #333;
				margin-left: 10px;
			}
		}

		.evaltxtmsg {
			.evaltxtmsgTitle {
				line-height: 40px;
				color: #333333;
				font-size: 14px;
			}

			.evaltxtmsgtxt {
				width: 96%;
				padding: 5px 2%;
				height: 60px;
				border-radius: 5px;
				border: none;
				outline: none;
				resize: none;
				line-height: 22px;
				background-color: #EBEBEB;
				color: #333;
				font-size: 14px;
			}
		}
	}

	// 投诉
	.plaintisblock {
		.evalxmsgsj {
			line-height: 40px;
		}

		.evalxmsg {
			padding: 5px 0;

			.evalxmsgtitle {
				width: 60px;
				font-size: 14px;
				color: #333333;
			}

			.evalxmsghead {
				width: 40px;
				height: 40px;

				img {
					width: 40px;
					height: 40px;
				}
			}

			.evalxmsgname {
				line-height: 40px;
				font-size: 14px;
				color: #333;
				margin-left: 10px;
			}
		}
	}

	.plaintis {
		width: 94%;
		padding: 2px 3%;
		border-radius: 5px;
		background-color: #EBEBEB;

		.plaintistxt {
			width: 100%;
			height: 100px;
			border-radius: 5px;
			border: none;
			outline: none;
			resize: none;
			line-height: 22px;
			background-color: #EBEBEB;
			color: #333;
			font-size: 14px;
		}
	}

	// 下载文件 & 上传文件list
	.uploadbctxt {
		// 补充信息描述
		width: 96%;
		height: 80px;
		padding: 10px 2%;
		border-radius: 5px;
		border: none;
		outline: none;
		resize: none;
		line-height: 16px;
		background-color: #F7F7F7;
		color: #333;
		font-size: 12px;
		margin-bottom: 10px;
	}

	.flielist {
		margin-top: 10px;

		.flieitem {
			justify-content: space-between;
			line-height: 30px;
			padding: 0 10px;
			border-radius: 5px;

			.flieiteml {
				.flieitemlicon {
					font-size: 16px;
				}

				.flieitemlname {
					font-size: 14px;
					margin-left: 8px;
				}
			}

			.flieitemr {
				width: 30px;
				text-align: center;
				font-size: 16px;
				color: #999;
				text-align: right;
			}
		}

		.flieitem:hover {
			background-color: #F7F7F7;
		}
	}

	// 选择返款路径
	.paypathinput {
		justify-content: space-between;
		margin-top: 10px;

		.paypathinputtitle {
			line-height: 30px;
			color: #333333;
			font-size: 14px;
		}

		.paypathinputr {
			width: 75%;
			line-height: 30px;

			.paypathinputrinput {
				height: 30px;
				line-height: 30px;
			}
		}
	}

	.sepaypathinput {
		padding: 20px 0;

		.sepaypathinputtitle {
			font-size: 14px;
			color: #333333;
		}

		.sepaypathinputphoto {
			position: relative;
			margin: 0 10px;
			width: 120px;
			height: 120px;
			background-color: #F6F6F6;
			border-radius: 10px;

			.sepaypathinputphotoicon {
				font-size: 40px;
				color: #999999;
			}

			.sepaypathinputphotoimg {
				position: absolute;
				top: 0;
				left: 0;
				z-index: 10;
				width: 100%;
				height: 100%;
			}
		}

		.sepaypathinputbtn {
			width: 130px;
			height: 50px;
			line-height: 50px;
			color: #fff;
			font-size: 14px;
			margin-top: 35px;
		}
	}
</style>